<ui:composition template="/WEB-INF/templates/layout.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="header">
		<style type="text/css">
.disable-scroll .ui-dialog-content {
	overflow: hidden !important;
}

.ui-selectonemenu-label {
	width: 100% !important;
}

.ui-selectonemenu {
	width: 100% !important;
}

.field_set {
	border-color: #d19405 !important;
	border-style: solid !important;
	border: 1px #F00 solid;
	font-family: arial, helvetica;
	font-size: 12px;
}

.ui-inputfield {
	padding: 2px -moz-box-shadow: inset 0 2px 2px #d19405;
	-webkit-box-shadow: inset 0 2px 2px #d19405;
	box-shadow: inset 0 2px 2px #d19405;
	text-align: right;
}

.ui-selectonemenu {
	width: 100% !important;
	vertical-align: middle;
}

.ui-selectonemenu label.ui-selectonemenu-label {
	padding-right: 20px;
	text-align: left;
}

.ui-button {
	background-color: #C2D1FF;
}

.ui-button-text {
	font-family: arial, helvetica;
	font-size: 12px;
}

.ui-datatable td,.ui-datatable th {
	font-family: arial, helvetica;
	font-size: 12px;
	background-position: 0 0;
	table-layout: auto;
	text-align: center;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
	font-family: arial, helvetica;
	font-size: 12px;
	font-weight: bold;
}

.ui-outputlabel {
	text-align: right !important;
	font-family: arial, helvetica;
	font-size: 8px;
}

.ui-inputfield {
	width: 100%;
	padding: 2px -moz-box-shadow: inset 0 2px 2px #d19405;
	-webkit-box-shadow: inset 0 2px 2px #d19405;
	box-shadow: inset 0 2px 2px #d19405;
	text-align: right;
}

.ui-selectonemenu {
	width: 100% !important;
	vertical-align: middle;
}

.ui-selectonemenu label.ui-selectonemenu-label {
	padding-right: 20px;
	text-align: left;
}

.ui-button {
	background-color: #C2D1FF;
}

.ui-button-text {
	font-family: arial, helvetica;
	font-size: 12px;
}

.ui-datatable td,.ui-datatable th {
	font-family: arial, helvetica;
	font-size: 12px;
	background-position: 0 0;
	table-layout: fixed;
	align: center;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
	font-family: arial, helvetica;
	font-size: 12px;
	font-weight: bold;
}
</style>

	</ui:define>

	<ui:define name="content">

		<h:form>
			<center>
				<h:panelGrid columns="2" cellpadding="5">
					<p:commandButton value="Nuevo Prospecto"
						actionListener="#{prospectoControlador.nuevoProspecto}"
						inmediate="true" update="@form" />
					<p:commandButton value="Guardar Prospecto"
						actionListener="#{prospectoControlador.guardarActualizar}"
						update="@form" />
				</h:panelGrid>

				<p:panelGrid columns="4" style="width 75%;">
					<f:facet name="header">
						Captacion y Categoria 
					</f:facet>
					<p:outputLabel value="Tipo Captación" />
					<h:selectOneMenu value="#{prospectoControlador.captacionValor}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.tipoCaptacion}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>
					<h:outputText value="Categoria" />
					<h:selectOneMenu value="#{prospectoControlador.categoriaValor}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.categoria}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>
				</p:panelGrid>
				<p:panelGrid columns="4" cellpadding="5" style="width 75%;">
					<f:facet name="header">
						Datos Generales
					</f:facet>

					<p:outputLabel value="Tipo Documento" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.tipoDocumento}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.tipoDocumentos}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>


					<p:outputLabel value="" />


					<p:outputLabel value="" />


					<p:outputLabel value="Documento Identidad" />


					<p:inputText
						value="#{prospectoControlador.prospecto.numeroDocumento}"
						style="text-align: left" />


					<p:commandButton value="Buscar"
						actionListener="#{prospectoControlador.buscar}" update="@form" />


					<p:outputLabel value="" />


					<p:outputLabel value="Codigo Atencion" />


					<p:inputText
						value="#{prospectoControlador.prospecto.clienteInformes}"
						readonly="true" style="text-align: left" />


					<p:outputLabel value="" />


					<p:outputLabel value="" />


					<h:outputText value="Apellido Paterno" />


					<p:inputText value="#{prospectoControlador.prospecto.apePaterno}" />


					<h:outputText value="Apellido Materno" />


					<p:inputText value="#{prospectoControlador.prospecto.apeMaterno}" />






					<h:outputText value="Nombres" />


					<p:inputText value="#{prospectoControlador.prospecto.nombres}" />


					<p:outputLabel value="" />


					<p:outputLabel value="" />

					<h:outputText value="Sexo" />

					<h:selectOneMenu value="#{prospectoControlador.prospecto.sexo}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.genero}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>
					<h:outputText value="Fecha Nacimiento" />

					<p:calendar
						value="#{prospectoControlador.prospecto.fechaNacimiento}"
						id="fechanacimiento" pattern="dd/MM/yyyy"
						style="text-align: center" />
					<h:outputText value="Nacionalidad" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.paisOrigen}" effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.paises}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>

				</p:panelGrid>
			

		
				
				<p:panelGrid columns="4" cellpadding="5">
					<f:facet name="header">
						Lugar de Residencia
					</f:facet>
				
			
					<h:outputText value="Direccion" />
					<p:inputText value="#{prospectoControlador.prospecto.direccion}" />
					<h:outputText value="" />
					<h:outputText value="" />
					<h:outputText value="Pais Residencia" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.paisResidencia}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.paises}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
						<p:ajax listener="#{prospectoControlador.buscarDepartamentos}"
							update="@form:departamento,@form:provincia,@form:distrito" />

					</h:selectOneMenu>
					<h:outputText value="Region" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.departamento}"
						effect="fade" id="departamento">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.departamentos}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />

						<p:ajax listener="#{prospectoControlador.buscarPronvicias}"
							update="@form:provincia,@form:distrito" />


					</h:selectOneMenu>
					<h:outputText value="Provincia" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.provincia}" effect="fade"
						id="provincia">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.provincias}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
						<p:ajax listener="#{prospectoControlador.buscarDistritos}"
							update="@form:distrito" />
					</h:selectOneMenu>
					<h:outputText value="Distrito" />

					<h:selectOneMenu value="#{prospectoControlador.prospecto.distrito}"
						effect="fade" id="distrito">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.distritos}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>
					<h:outputText value="Telefono Fijo" />
					<p:inputText value="#{prospectoControlador.prospecto.telefonoFijo}"
						style="text-align: left" />
					<h:outputText value="Telefono Celular" />
					<p:inputText
						value="#{prospectoControlador.prospecto.telefonoMovil}"
						style="text-align: left" />
					<h:outputText value="Email" />
					<p:inputText value="#{prospectoControlador.prospecto.email}" />
					<p:outputLabel value="" />
					<p:outputLabel value="" />


				</p:panelGrid>
			
		
				

	<p:panelGrid columns="4">
					<f:facet name="header">
						Acercamiento
					</f:facet>

					<h:outputText value="Como se entero?" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.comoSeEntero}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.modoAcercamiento}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
						<p:ajax listener="#{prospectoControlador.buscarMedioPublicitario}"
							update="@form:medioPublicitario" />


					</h:selectOneMenu>

					<h:outputText value="Medio Atencion" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.medioAtencio}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.medioAtencion}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>
					<h:outputText value="Medio Publicitario" />
					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.medioPublicitario}"
						effect="fade" id="medioPublicitario">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems
							value="#{prospectoControlador.descripcionAcercamiento}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
						<p:ajax
							listener="#{prospectoControlador.buscarDetalleAcercamiento}"
							update="@form:detalleAcercamiento" />
					</h:selectOneMenu>
					<h:outputText value="Detalle" />


					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.detalleAcercamiento}"
						effect="fade" id="detalleAcercamiento">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.detalleAcercamiento}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>


				</p:panelGrid>
			
		<p:panelGrid columns="4">
					<f:facet name="header">
						Estudios Superiores
					</f:facet>
					<h:outputText value="Pais" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.paisEstudios}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.paises}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>
					<h:outputText value="Tipo Institucion" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.tipoEstudios}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.tipoInstitucion}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>
					<h:outputText value="Nivel Academico Completado" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.nivelEstudios}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.tipoGrado}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>
					<h:outputText value="Ano Finalizacion" />
					<p:inputText
						value="#{prospectoControlador.prospecto.anhoFinEstudios}" />
					<h:outputText value="Nombre Institucion" />
					<p:inputText value="#{prospectoControlador.prospecto.instEstudios}" />
				</p:panelGrid>
			
			<p:panelGrid columns="4">
					<f:facet name="header">
						Lugar de Trabajo
					</f:facet>
					<h:outputText value="Nombre o Razon Social" />
					<p:inputText value="#{prospectoControlador.prospecto.lugarTrabajo}" />
					<h:outputText value="Tipo Empresa" />

					<h:selectOneMenu
						value="#{prospectoControlador.prospecto.tipoLugarTrabajo}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.tipoEmpresa}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>
					<h:outputText value=" Cargo Actual" />
					<p:inputText
						value="#{prospectoControlador.prospecto.cargoLugarTrabajo}" />
					<h:outputText value="Anos de Experiencia" />
					<p:inputText
						value="#{prospectoControlador.prospecto.anhosExperiencia}" />
				</p:panelGrid>
			

			<center>
				<p:commandButton id="showDialogButton" value="Agregar Atencion"
					oncomplete="PF('dlg').show()" update="@form:dlg" />
				<p:dataTable var="detalles"
					value="#{prospectoControlador.prospectoDetalles}" id="detalles"
					scrollable="true" style="width:80%;" paginator="true" rows="10"
					resizableColumns="true"
					paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
					rowsPerPageTemplate="5,10,15">
					<p:column headerText="Nro">
						<h:outputText value="#{detalles.index}" />
					</p:column>
					<p:column headerText="Capto?">
						<h:outputText value="#{detalles.flagCaptacion}" />
					</p:column>

					<p:column headerText="Institucion">
						<h:selectOneMenu value="#{detalles.institucion}" effect="fade">
							<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
							<f:selectItems value="#{prospectoControlador.listaInstitucion1}"
								var="captacion" itemLabel="#{captacion.nombre}"
								itemValue="#{captacion.codigo}" />
						</h:selectOneMenu>
					</p:column>
					<p:column headerText="Cod Carrera">
						<h:outputText value="#{detalles.carrera}" />
					</p:column>
					<p:column headerText="Carrera">
						<h:outputText value="#{detalles.carreraDescripcion}" />
					</p:column>
					<p:column headerText="Periodo">
						<h:outputText value="#{detalles.periodo}" />
					</p:column>
					<p:column headerText="Mes">
						<h:outputText value="#{detalles.mes}" />
					</p:column>
					<p:column headerText="Cod Modalidad">
						<h:outputText value="#{detalles.modalidad}" />
					</p:column>
					<p:column headerText="Modalidad">
						<h:outputText value="#{detalles.modalidadDescripcion}" />
					</p:column>
					<p:column headerText="Fecha Inicio">
						<h:outputText value="#{detalles.mesInicio}" />
					</p:column>
					<p:column headerText="Matricula">
						<h:outputText value="#{detalles.matricula}" />
					</p:column>
					<p:column headerText="Usuario Creacion">
						<h:outputText value="#{detalles.usuarioCreacion}" />
					</p:column>
				</p:dataTable>
			</center>
			<p:dialog header="Prospecto Detalle" position="center top"
				width="1100" height="250" widgetVar="dlg" resizable="false" id="dlg"
				showEffect="fade" hideEffect="explode" modal="false">

				<h:panelGrid id="panel" columns="2">
					<h:outputText value="Institucion" />
					<h:selectOneMenu
						value="#{prospectoControlador.prospectoDetalle.institucion}"
						effect="fade">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.listaInstitucion2}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
						<p:ajax listener="#{prospectoControlador.cargarCarrera1}"
							update="@form:carrera,@form:periodo,@form:modalidad" />

					</h:selectOneMenu>
					<h:outputText value="Carrera" />
					<h:selectOneMenu
						value="#{prospectoControlador.prospectoDetalle.carrera}"
						effect="fade" id="carrera" style="width 50px">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.carrera1}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />

					</h:selectOneMenu>
					<h:outputText value="Periodo" />
					<h:selectOneMenu
						value="#{prospectoControlador.prospectoDetalle.periodo}"
						effect="fade" id="periodo">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.periodo1}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
						<p:ajax listener="#{prospectoControlador.cargarMeses1}"
							update="@form:meses" />
					</h:selectOneMenu>
					<h:outputText value="Mes" />
					<h:selectOneMenu
						value="#{prospectoControlador.prospectoDetalle.mes}" effect="fade"
						id="meses">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.meses}"
							var="captacion" itemLabel="#{captacion.codigo}"
							itemValue="#{captacion.nombre}#{captacion.codigo}" />
						<p:ajax listener="#{prospectoControlador.cargarFechaInicio}"
							update="@form:mesinicio" />
					</h:selectOneMenu>
					<h:outputText value="Fecha Inicio" style="width 20%;" />
					<h:inputText id="mesinicio"
						value="#{prospectoControlador.prospectoDetalle.mesInicio}" />
					<h:outputText value="Modalidad" />
					<h:selectOneMenu
						value="#{prospectoControlador.prospectoDetalle.modalidad}"
						effect="fade" id="modalidad">
						<f:selectItem itemLabel="-- Seleccionar --" itemValue="0" />
						<f:selectItems value="#{prospectoControlador.modalidad1}"
							var="captacion" itemLabel="#{captacion.nombre}"
							itemValue="#{captacion.codigo}" />
					</h:selectOneMenu>

					<h:outputText value="Matricula" />
					<h:inputText id="matricula"
						value="#{prospectoControlador.prospectoDetalle.matricula}"
						readonly="true" />
					<p:commandButton value="Guardar Atencion"
						actionListener="#{prospectoControlador.guardarDetalle}"
						update="@form" />
				</h:panelGrid>
			</p:dialog>
</center>
		</h:form>
	</ui:define>
</ui:composition>
